{"version":3,"sources":["webpack://mobiusforms/webpack/bootstrap","webpack://mobiusforms/./src/ts/add-ins/uiActions.ts","webpack://mobiusforms/./src/ts/main.ts","webpack://mobiusforms/./src/ts/collect-fields/manual.ts","webpack://mobiusforms/./src/ts/collect-fields/auto.ts","webpack://mobiusforms/./src/ts/add-ins/recaptcha.ts"],"names":["enumerable","get","getter","value","key","bind","module","Object","prototype","hasOwnProperty","call","object","property","showOneAlert","wrapper","showId","find","hide","show","disableInputs","state","toggleClass","prop","attachFieldValidateOnBlur","$","this","data","smkValidate","UiActions","moduleId","helperFunc","collectFieldsManual","CollectFieldsManual","collectFieldsAutomatic","CollectFieldsAutomatic","recaptcha","Recaptcha","alreadyInit","c","clsWrp","clsForm","attr","moduleWrapper","initialize","on","each","i","item","wrap","evt","send","radio","event","currentTarget","console","log","btn","sxc","$2sxc","length","recap","check","mailchimp","hasClass","collect","then","ws","MailChimp","webApi","post","success","msg","error","App","Subject","Message","SenderName","SenderMail","val","Files","promises","not","map","field","element","propName","toLowerCase","Deferred","files","FileReader","addEventListener","push","Encoded","result","Name","name","Field","resolve","readAsDataURL","promise","is","add","when","apply","recapId","clsRecap","clsRecapWrap","init","isNaN","id","grecaptcha","render","getResponse"],"mappings":"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","file":"app-bundle.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n","// rename to UiActions\r\nexport class UiActions {\r\n  showOneAlert(wrapper: JQuery, showId: string) {\r\n    wrapper.find('.alert').hide();\r\n    if (showId !== '') {\r\n      wrapper.find('#' + showId).show();\r\n    }\r\n  }\r\n\r\n  disableInputs(wrapper: JQuery, state: boolean) {\r\n    wrapper.toggleClass('disable', state)\r\n    wrapper.find(':input').prop('disabled', state);\r\n  }\r\n\r\n  attachFieldValidateOnBlur() {\r\n    // skif if validation is already enabled\r\n    if ($(this).data('alreadyRun')) return;\r\n\r\n    // not yet enabled, let's enable and remember...\r\n    ($(this) as any).smkValidate();\r\n    $(this).data('alreadyRun', true);\r\n  }\r\n}","declare let $2sxc: any;\r\n\r\nimport { UiActions } from './add-ins/uiActions';\r\nimport { CollectFieldsManual } from './collect-fields/manual';\r\nimport { CollectFieldsAutomatic } from './collect-fields/auto';\r\nimport { Recaptcha } from './add-ins/recaptcha';\r\nexport class App {\r\n  helperFunc = new UiActions();\r\n  collectFieldsManual = new CollectFieldsManual();\r\n  collectFieldsAutomatic = new CollectFieldsAutomatic();\r\n  recaptcha = new Recaptcha();\r\n  moduleWrapper: JQuery;\r\n  alreadyInit = false;\r\n\r\n  c = {\r\n    clsWrp: 'app-jqfs-wrapper',\r\n    clsForm: 'app-jqfs-form',\r\n  };\r\n\r\n  constructor(\r\n    moduleId: number,\r\n  ) {\r\n    // disable validate on the global asp.net form, to not interfere with the contact-form\r\n    $('form').attr('novalidate', '');\r\n    this.moduleWrapper = $(`.DnnModule-${moduleId}`);\r\n  }\r\n\r\n  public initialize() {\r\n    const wrapper = this.moduleWrapper;\r\n    // attach validation to enable as soon as we blur        \r\n    wrapper.on('blur', ':input', this.helperFunc.attachFieldValidateOnBlur);\r\n\r\n    wrapper.each((i, item) => {\r\n      // prevent dupl execution\r\n      if (this.alreadyInit)\r\n        return;\r\n\r\n      const wrap = $(item);\r\n      wrap.find('#sendFormWithApi').on('click', (evt: JQueryEventObject) => this.send(evt)); // handle click event\r\n\r\n      wrap.find('input[type=\"radio\"]').on('click', (evt: JQueryEventObject) => {\r\n        const radio = event.currentTarget;\r\n        $('input[type=\"radio\"]').prop('checked', false);\r\n        $(radio).prop('checked', true);\r\n      });\r\n\r\n      this.alreadyInit = true;\r\n    });\r\n  }\r\n\r\n  public send(event: JQueryEventObject) {\r\n    console.log('send');\r\n    const btn = event.currentTarget;\r\n    const sxc = $2sxc(btn);\r\n    const wrapper = this.moduleWrapper;\r\n\r\n    // clear all alerts\r\n    this.helperFunc.showOneAlert(wrapper, '');\r\n    wrapper.find('.radio-error').hide();\r\n\r\n    // Validate form\r\n    if (!(wrapper as any).smkValidate())\r\n      return this.helperFunc.showOneAlert(wrapper, 'msgIncomplete');\r\n\r\n    if(wrapper.find('input[type=\"radio\"]:checked').length == 0) {\r\n      wrapper.find('.radio-error').show();\r\n      return this.helperFunc.showOneAlert(wrapper, 'msgIncomplete');\r\n    }\r\n\r\n    // Do Recaptcha test, show alert & fail if required and not complete\r\n    const recap = this.recaptcha.check(wrapper);\r\n    if (!recap)\r\n      return this.helperFunc.showOneAlert(wrapper, 'msgRecap');\r\n\r\n    const mailchimp = wrapper.find('.app-jqfs-wrapper').hasClass('app-jqfs-mailchimp-wrapper');\r\n\r\n    // get data \r\n    // alternative example with manual build, but we prefer automatic\r\n    // let data;\r\n    // data = this.collectFieldsManual.collect(wrapper);\r\n    this.collectFieldsAutomatic.collect(wrapper).then((data: any) => {\r\n      const ws = wrapper.find('.app-jqfs-wrapper').data('webservice'); // should be \"Form/ProcessForm\" or a custom override\r\n      data.Recaptcha = recap;\r\n      data.MailChimp = mailchimp;\r\n\r\n      // submission\r\n      this.helperFunc.disableInputs(wrapper, true);\r\n      this.helperFunc.showOneAlert(wrapper, 'msgSending'); // show \"sending...\"\r\n\r\n      sxc.webApi.post(ws, {}, data, true)\r\n        .success(() => {\r\n          const msg = mailchimp ? 'msgNewsletterSuccess' : 'msgOk';\r\n          this.helperFunc.showOneAlert(wrapper, msg);\r\n          // $(btn).hide();\r\n        })\r\n        .error(() => {\r\n          const msg = mailchimp ? 'msgNewsletterFailed' : 'msgError';\r\n          this.helperFunc.showOneAlert(wrapper, msg);\r\n          this.helperFunc.disableInputs(wrapper, false);\r\n        });\r\n    });\r\n  }\r\n}","/*\r\n  This is an example of collecting the fields manually (instead of automatically). \r\n  You would modify this file list all the fields you want, which allows you to use\r\n  a different naming schema than the default. \r\n  This is an advanced use case, and included so you could do this, but you usually won't want to.\r\n*/\r\nexport class CollectFieldsManual {\r\n  // automatically build the send-object with all properties, \r\n  // based on all form-fields which have a item-property=\"\"\r\n  collect(wrapper: JQuery) {\r\n    const data: any = {\r\n      Subject: wrapper.find('#Subject'),\r\n      Message: wrapper.find('#Message'),\r\n      SenderName: wrapper.find('#Sendername'),\r\n      SenderMail: wrapper.find('#Sendermail')\r\n    };\r\n\r\n    for (let prop in data) {\r\n      if (data.hasOwnProperty(prop)) {\r\n        data[prop] = data[prop].val();\r\n      }\r\n    }\r\n\r\n    return data;\r\n  }\r\n}","export class CollectFieldsAutomatic {\r\n  // automatically build the send-object with all properties, \r\n  // based on all form-fields which have a item-property=\"\"\r\n  collect(wrapper: JQuery) {\r\n    let data: any = {\r\n      Files: []\r\n    };\r\n    const fields = wrapper.find(':input').not('button');\r\n    const promises = fields.map((i, field) => add(i, field));\r\n    \r\n    function add(i: number, element: any) {\r\n      element = $(element);\r\n      // get the property name from special-attribut, name OR id\r\n      const propName = element.attr('name') || element.attr('id');\r\n\r\n      if (!propName)\r\n        return;\r\n\r\n      // extract data from file fields\r\n      if (element.attr('type') && element.attr('type').toLowerCase() == 'file') {\r\n        const deferred = $.Deferred();\r\n        const file = element.get(0).files[0];\r\n        if (!file)\r\n          return;\r\n\r\n        const reader = new FileReader();\r\n\r\n        reader.addEventListener('load', function () {\r\n          data.Files.push({\r\n            Encoded: reader.result,\r\n            Name: file.name,\r\n            Field: propName\r\n          });\r\n          deferred.resolve();\r\n        }, false);\r\n        reader.readAsDataURL(file);\r\n\r\n        return deferred.promise();\r\n\r\n      } else if (element.attr('type') && element.attr('type').toLowerCase() == 'radio') { // For radio fields get checked values\r\n        if (element.is(':checked')) {\r\n          data[propName] = element.val();\r\n        }\r\n      } else { // For all standard fields, set value directly\r\n        data[propName] = element.val();\r\n      }\r\n    }\r\n\r\n    return $.when.apply($, promises).then(() => {\r\n      return data;\r\n    });\r\n  }\r\n}","declare let grecaptcha: any;\r\n\r\nimport { UiActions } from './uiActions';\r\n\r\nexport class Recaptcha {\r\n  helperFunc = new UiActions();\r\n\r\n  c  = {\r\n    recapId: \"recapId\",\r\n    clsRecap: \"app-jqfs-recaptcha\",\r\n    clsRecapWrap: \"app-recaptcha-wrapper\"\r\n  };\r\n\r\n  constructor() { }\r\n\r\n  /*\r\n    Initialize Recaptcha and create a Recapcha Checkbox below the Formfields \r\n  */\r\n  init(wrapper: JQuery) {\r\n    const recap = wrapper.find(this.c.clsRecap);\r\n\r\n    if(!isNaN(wrapper.data(this.c.recapId))) {\r\n        return;\r\n    }\r\n\r\n    const id = grecaptcha.render(recap, {\r\n      'sitekey' : recap.data(\"sitekey\"),\r\n      'size' : 'normal'\r\n    });\r\n\r\n    wrapper.data(this.c.recapId, id); // remember for later use       \r\n  }\r\n\r\n\r\n  \r\n  /* \r\n    Checks if a recaptcha is implemented in the current Form\r\n  */\r\n  check(wrapper: JQuery) {\r\n    const recap = wrapper.find(\".\" + this.c.clsRecap);\r\n    // if no recaptcha found, probably ok\r\n    if(recap.length === 0) {\r\n      return true;\r\n    }\r\n\r\n    // if many found, probably not ok\r\n    if(recap.length !== 1) {\r\n      throw \"recaptcha not found\";\r\n    }\r\n\r\n    // return google response for the recap\r\n    const res = grecaptcha.getResponse(); // null if failed, something cryptic if ok\r\n\r\n    return res || false; \r\n  }\r\n}"],"sourceRoot":""}